<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">


<title>SGI :: Sistema de Gesti&oacute;n de Ideas</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/bootstrap-responsive.css" rel="stylesheet">
    <style>

    /* GLOBAL STYLES
    -------------------------------------------------- */
    /* Padding below the footer and lighter body text */

    body {
      padding-bottom: 40px;
      color: #5a5a5a;
    }

	
	
	.carousel-caption h1 {
        font-size: 25px;
    }
	.carousel-caption p {
        font-size: 17px;
    }
	  
    
	/* CAROUSEL BASE CALASS
    -------------------------------------------------- */
    .carousel {
      margin-bottom: 50px;
	  border: 0px solid red;  
    }

    .carousel .container {
      position: relative;
      z-index: 9;
    }

    .carousel-control {
      height: 80px;
      margin-top: 0;
      font-size: 120px;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
      background-color: transparent;
      border: 0;
    }

    .carousel .item {
      height: 500px;
    }
    .carousel img {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
      height: 500px;
    }

    .carousel-caption {
      background-color: transparent;
      position: static;
      max-width: 550px;
      padding: 0 20px;
      margin-top: 200px;
    }
    .carousel-caption h1,
    .carousel-caption .lead {
      margin: 0;
      line-height: 1.25;
      color: #fff;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
    }
    .carousel-caption .btn {
      margin-top: 10px;
    }



    /* MARKETING CONTENT
    -------------------------------------------------- */

    /* Center align the text within the three columns below the carousel */
    .marketing .span4 {
      text-align: center;
    }
    .marketing h2 {
      font-weight: normal;
    }
    .marketing .span4 p {
      margin-left: 10px;
      margin-right: 10px;
    }



    /* RESPONSIVE CSS
    -------------------------------------------------- */

    @media (max-width: 979px) {

	  .carousel {
		margin-top:0px;
      }	
      .carousel .item {
        height: 500px;
      }
      .carousel img {
        width: auto;
        height: 500px;
      }

      .featurette {
        height: auto;
        padding: 0;
      }
      .featurette-image.pull-left,
      .featurette-image.pull-right {
        display: block;
        float: none;
        max-width: 40%;
        margin: 0 auto 0px;
      }
    }


    @media (max-width: 767px) {

      .carousel {
        margin-left: -20px;
        margin-right: -20px;
      }
      .carousel .container {

      }
      .carousel .item {
        height: 300px;
      }
      .carousel img {
        height: 300px;
      }
      .carousel-caption {
        width: 65%;
        padding: 0 70px;
        margin-top: 100px;
      }
      .carousel-caption h1 {
        font-size: 25px;
      }
      .carousel-caption .lead,
      .carousel-caption .btn {
        font-size: 16px;
      }

      .marketing .span4 + .span4 {
        margin-top: 0px;
      }

      .featurette-heading {
        font-size: 30px;
      }
      .featurette .lead {
        font-size: 15px;
        line-height: 1.2;
      }

    }
    </style>

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/apple-touch-icon-72-precomposed.png">
                    <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.png">
                                   <link rel="shortcut icon" href="img/favicon.png">
  </head>

  <body>

   <%@ include file="../includes/menu.jsp" %>

    <!-- Carousel
    ================================================== -->
    <div id="myCarousel" class="carousel slide">
      <div class="carousel-inner">
        <div class="item active">
          <img src="img/slide-01.jpg" alt="">
          <div class="container">
            <div class="carousel-caption">
              <h1>Innovaci&oacute;n Desde Dentro</h1>
              <p class="lead">Establecer las bases de una din&aacute;mica interna orientada a resultados no es una opci&oacute;n, sino un requisito para la supervivencia de la empresa. Y esto hay que prepararlo, dando la formaci&oacute;n y las herramientas necesarias para que todo el equipo humano se pueda implicar.</p>
              <a class="btn btn-large btn-primary" href="#">Registrarse</a>
            </div>
          </div>
        </div>
        <div class="item">
          <img src="img/slide-02.jpg" alt="">
          <div class="container">
            <div class="carousel-caption">
              <h1>Pensar, Proponer, Actuar</h1>
              <p class="lead">Conecte con la capacidad de iniciativa de sus colaboradores. Deles la posibilidad de aportar m&aacute;s all&aacute; de su d&iacute;a a d&iacute;a. Permita que intercambien opiniones y experiencia para poner a punto las propuestas. Instale un sistema sencillo y fluido para comunicarlas.</p>
              <a class="btn btn-large btn-primary" href="#">Registrarse</a>
            </div>
          </div>
        </div>
        <div class="item">
          <img src="img/slide-03.jpg" alt="">
          <div class="container">
            <div class="carousel-caption">
              <h1>Inteligencia Colaborativa</h1>
              <p class="lead">Porque cien ojos ven m&aacute;s que dos, y porque cuando se juntan las ideas con una forma inteligente de compartirlas con otras personas nace el &eacute;xito. Fluyen y se ponen en pr&aacute;ctica propuestas reales de mejora, de nuevos clientes, de nuevas l&iacute;neas de negocio.</p>
              <a class="btn btn-large btn-primary" href="#">Registrarse	</a>
            </div>
          </div>
        </div>
      </div>
      <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
      <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
    </div><!-- /.carousel -->



    <!-- Marketing messaging and featurettes
    ================================================== -->
    <!-- Wrap the rest of the page in another container to center all the content. -->

    <div class="container marketing">

      <!-- Three columns of text below the carousel -->
      <div class="row">
        <div class="span4">
          <img class="img-circle" src="img/img_01.jpg" alt="">
          <h2>Con Resultados</h2>
          <p>M&aacute;s ventas, desarrollo de nuevos servicios, nuevos mercados y clientes, procesos m&aacute;s eficaces y racionalizaci&oacute;n de costes. Estas son los resultados econ&oacute;micos de un proyecto AvantIdeas en su empresa, que se autofinancia normalmente a partir de la primera propuesta materializada. Le interesa? </p>
          <p><a class="btn" href="#">Reg&iacute;strate &raquo;</a></p>
        </div><!-- /.span4 -->
        <div class="span4">
		  <img class="img-circle" src="img/img_02.jpg" alt="">
          <h2>Triunfo del Equipo</h2>
          <p>Su empresa es tan buena como lo sean las personas que trabajan en ella. La uni&oacute;n no solamente hace la fuerza, sino tambi&eacute;n la competitividad. Aquellas personas que sepan integrarse en equipos para sacar adelante propuestas de valor real para la empresa en la que trabajan son su principal activo. El que m&aacute;s hay que cuidar para adelantarse a los competidores.</p>
          <p><a class="btn" href="#">Reg&iacute;strate &raquo;</a></p>
        </div><!-- /.span4 -->
        <div class="span4">
		  <img class="img-circle" src="img/img_03.jpg" alt="">
          <h2>Beneficio Empresarial</h2>
          <p>Identifique esas personas con especial talento, esas que m&aacute;s valor pueden aportar a su empresa si se les da la oportunidad. Una estrategia como la de AvantIdeas, bien integrada y comunicada, es una inapreciable ayuda para todas las &aacute;reas de su empresa, en especial las de Comercial, Marketing y RRHH.</p>
          <p><a class="btn" href="#">Reg&iacute;ste &raquo;</a></p>
        </div><!-- /.span4 -->
      </div><!-- /.row -->


    </div><!-- /.container -->


	<%@ include file="../includes/pie.jsp" %>


    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap-transition.js"></script>
    <script src="js/bootstrap-alert.js"></script>
    <script src="js/bootstrap-modal.js"></script>
    <script src="js/bootstrap-dropdown.js"></script>
    <script src="js/bootstrap-scrollspy.js"></script>
    <script src="js/bootstrap-tab.js"></script>
    <script src="js/bootstrap-tooltip.js"></script>
    <script src="js/bootstrap-popover.js"></script>
    <script src="js/bootstrap-button.js"></script>
    <script src="js/bootstrap-collapse.js"></script>
    <script src="js/bootstrap-carousel.js"></script>
    <script src="js/bootstrap-typeahead.js"></script>
    <script>
      !function ($) {
        $(function(){
          // carousel demo
          $('#myCarousel').carousel();
        })
      }(window.jQuery)
    </script>
   
   
   
   
	<c:if test = "${not empty HM_MSG_ERROR}">
		<script>
			var msg = "${HM_MSG_ERROR}";
			if(msg != "XX")
			alert(msg);
		</script>
	</c:if>
	
	
	
  </body>
</html>